---
title: Usage
metaDescription: How to get started using Amplify UI.
supportedFrameworks: react|angular|vue|react-native|svelte
---

import { InlineFilter } from '@/components/InlineFilter';
import { getCustomStaticPath } from '@/utils/getCustomStaticPath';
import AngularPage from './usage.angular.mdx';
import ReactNativePage from './usage.react-native.mdx';
import ReactPage from './usage.react.mdx';
import VuePage from './usage.vue.mdx';
import SveltePage from './usage.svelte.mdx';

export async function getStaticPaths() {
  return getCustomStaticPath(frontmatter.supportedFrameworks);
}

{/*  `getStaticProps` is required to prevent "Error: getStaticPaths was added without a getStaticProps. Without getStaticProps, getStaticPaths does nothing" */}

export async function getStaticProps() {
  return { props: {} }
}

<InlineFilter filters={['angular']}>
  <AngularPage />
</InlineFilter>
<InlineFilter filters={['react-native']}>
  <ReactNativePage />
</InlineFilter>
<InlineFilter filters={['react']}>
  <ReactPage />
</InlineFilter>
<InlineFilter filters={['vue']}>
  <VuePage />
</InlineFilter>
<InlineFilter filters={['svelte']}>
  <SveltePage />
</InlineFilter>
